<style>
    /*顶部导航 */
    .main-box {
        margin: 10px;
        padding: 16px 10px 80px;
        transition: margin .3s;
        min-height: 500px;
        background: #fff;
        border-radius: 8px;
    }
    .top-bar-full  .main-box {
        margin: 0 10px 10px;
    }
    .main-box.main-box-blank{
        background: none;
        padding: 0;
    }
    .main-box-center{
        max-width: 1200px;
        margin: 0 auto!important;
    }
    .main-box .el-radio-group {
        padding-left: 10px;
    }
    .main-box .el-radio-group+.el-table {
        margin-top: 16px;
    }
    .main-box .el-radio-button__inner {
        min-width: 88px;
        height: 32px;
        line-height: 32px;
        padding: 0 15px;
        color: #111;
        font-size: 14px;
    }
</style>
<template>
    <div  class="main-box transparent" :class="{'main-box-blank':blank,'main-box-center':center}" :style="{'min-height': height+'px','padding-bottom':'80px'}">
        <slot></slot>
    </div>
</template>
<script>
    Rap.define('','',function () {
        return {
            name:'ly-page-content',
            props: {
                blank:{
                    type:Boolean,
                    default:false
                },
                center:Boolean
            },
            data:function () {
                return {
                    height:0
                }
            },
            mounted:function () {
               this.height=window.innerHeight-180;
            }
        }
    });
</script>
